/*商品列表导航*/
.product .nav {
    width: 100%;
    height: 1.0666rem;
    background: #fff;
    position: fixed;
    left: 0;
    top: 1.2rem;
    z-index: 100;
    box-shadow: 0 0 0.065rem 0 rgba(0, 0, 0, 0.12);
    padding-left: 0.2rem;
}

.product .nav .swiper-slide {
    width: 21%;
    margin-right: 0.2rem;
    text-align: center;
}

.product .nav a.active:after {
    content: '';
    width: 0.42666rem;
    height: 0.10666rem;
    background: #FC0F4A;
    border-radius: 0.21333rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

.product .nav a {
    text-decoration: none;
    color: #222;
    display: block;
    height: 1.0666rem;
    line-height: 1.0666rem;
    font-size: 16px;
}

[data-dpr="2"] .product .nav a {
    font-size: 32px;
}

[data-dpr="3"] .product .nav a {
    font-size: 48px;
}

.product .hot {
    margin-top: 2.2rem;
    padding-top: 1px;
}

.product .top i {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: #D8D8D8;
    position: absolute;
}

.product .top i.search {
    top: 0.35rem;
    right: 1.4rem;
}

.product .top i.screen {
    top: 0.35rem;
    right: 0.32rem;
    background: url("../img/classify_screen_n@2x.png");
    background-size: 100%;
}

[data-dpr="2"] .product .top i.screen {
    background: url("../img/classify_screen_n@2x.png");
    background-size: 100%;
}

[data-dpr="3"] .product .top i.screen {
    background: url("../img/classify_screen_n@3x.png");
    background-size: 100%;
}

.product .top i.screen.active {
    background: url("../img/classify_off@2x.png");
    background-size: 100%;
}

[data-dpr="2"] .product .top i.screen.active {
    background: url("../img/classify_off@2x.png");
    background-size: 100%;
}

[data-dpr="3"] .product .top i.screen.active {
    background: url("../img/classify_off@3x.png");
    background-size: 100%;
}

.product .top i.search {
    background: url("../img/classify_search@2x.png");
    background-size: 100% 100%;
}

[data-dpr="2"] .product .top i.search {
    background: url("../img/classify_search@2x.png");
    background-size: 100% 100%;
}

[data-dpr="3"] .product .top i.search {
    background: url("../img/classify_search@3x.png");
    background-size: 100% 100%;
}

.product .bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    display: block;
}

.product .Sortsearch {
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 1.1733rem;
    z-index: 110;
    cursor: pointer;
    display: block;
    line-height: 1.1733rem;
}

.product .Sortsearch .hot_block {
    margin: 0;
    height: 1.3066rem;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
}

.product .Sortsearch .time_block {
    height: 1.3066rem;
    background: #fff;
}

.product .Sortsearch i {
    display: inline-block;
    width: 0.5333rem;
    height: 0.5333rem;
    background: #D8D8D8;
    margin-top: 0.32rem;
    float: left;
}

.product .Sortsearch i.check {
    display: inline-block;
    width: 0.5333rem;
    height: 0.5rem;
    background: #D8D8D8;
    margin-top: 0.4rem;
    margin-right: 0.2666rem;
    float: right;
}

.product .Sortsearch span {
    color: #6b6b6b;
    margin-left: 0.2666rem;
}

.product .Sortsearch span.active {
    color:#FC0F4A;
}

.product .Sortsearch .hotter {
    float: left;
}

.product .Sortsearch .check {
    float: right;
}

.product .Sortsearch i.hotter {
    /* background: url("../img/classify_hot_n@2x.png"); */
    background: url("../img/hot@2x.png");
    background-size: 100%;
}

[data-dpr="2"] .product .Sortsearch i.hotter {
    /* background: url("../img/classify_hot_n@2x.png"); */
    background: url("../img/hot@2x.png");
    background-size: 100%;
}

[data-dpr="3"] .product .Sortsearch i.hotter {
    /* background: url("../img/classify_hot_n@3x.png"); */
    background: url("../img/hot@3x.png");
    background-size: 100%;
}

.product .Sortsearch i.hotter_active {
    /* background: url("../img/classify_hot_s@2x.png"); */
    background: url("../img/hot@2x.png");
    background-size: 100% 100%;
}

[data-dpr="2"] .product .Sortsearch i.hotter_active {
    /* background: url("../img/classify_hot_s@2x.png"); */
    background: url("../img/hot@2x.png");
    background-size: 100% 100%;
}

[data-dpr="3"] .product .Sortsearch i.hotter_active {
    /* background: url("../img/classify_hot_s@3x.png"); */
    background: url("../img/hot@3x.png");
    background-size: 100% 100%;
}

.product .Sortsearch i.time {
    /* background: url("../img/classify_time_n@2x.png"); */
    background: url("../img/time@2x.png");
    background-size: 100%;
}

[data-dpr="2"] .product .Sortsearch i.time {
    /* background: url("../img/classify_time_n@2x.png"); */
    background: url("../img/time@2x.png");
    background-size: 100% 100%;
}

[data-dpr="3"] .product .Sortsearch i.time {
    /* background: url("../img/classify_time_n@3x.png"); */
    background: url("../img/time@3x.png");
    background-size: 100% 100%;
}

.product .Sortsearch i.time_active {
    /* background: url("../img/classify_time_s@2x.png"); */
    background: url("../img/time@2x.png");
    background-size: 100% 100%;
}

[data-dpr="2"] .product .Sortsearch i.time_active {
    /* background: url("../img/classify_time_s@2x.png"); */
    background: url("../img/time@2x.png");
    background-size: 100% 100%;
}

[data-dpr="3"] .product .Sortsearch i.time_active {
    /* background: url("../img/classify_time_s@3x.png"); */
    background: url("../img/time@3x.png");
    background-size: 100% 100%;
}

.product .Sortsearch i.check {
    /* background: url("../img/location_choice@2x.png"); */
    background: url("../img/fenlei_gouxuan@2x.png");
    background-size: 100% 100%;
}

[data-dpr="2"] .product .Sortsearch i.check {
    /* background: url("../img/location_choice@2x.png"); */
    background: url("../img/fenlei_gouxuan@2x.png");
    background-size: 100% 100%;
}

[data-dpr="3"] .product .Sortsearch i.check {
    /* background: url("../img/location_choice@3x.png"); */
    background: url("../img/fenlei_gouxuan@3x.png");
    background-size: 100% 100%;
}
/*衍生品列表*/
.flag .flag-type strong.black{
    color:rgb(0,0,0);
    padding-right:5px;
}
.flag-type{
    /* color:rgb(180,180,180); */
}
.product_list .flag .flag-title a {
    color: rgb(0, 0, 0);
    font-size: 0.4rem;
    height: 1.0rem;
    line-height: 0.5rem;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display:box;
}
/* font-size: 14px; */


